<template>
  <div class="page header-left">
    <base-header :leftIcon="null" title="统计报告"></base-header>

    <div class="p-20">
      <div class="flex flex-rr mb-20">
        <div class="inline">
          <u-button type="primary" @click="toTextPage">文字版</u-button>
        </div>
      </div>

      <base-title>2023年6月</base-title>

      <!-- 表格 -->
      <div v-for="(t, tIndex) in tableJsons" :key="tIndex">
        <base-title :inline="true" v-if="t.title">{{ t.title }}</base-title>
        <base-table
          class="mb-20"
          :columns="t.columns"
          :datas="t.datas"
        ></base-table>
      </div>
    </div>

    <div class="footer bd-top"></div>
  </div>
</template>

<script>
import tableJsons from "./tableJsons";

export default {
  data() {
    return {
      tableJsons,
    };
  },

  onLoad() {},

  methods: {
    toTextPage() {
      uni.navigateTo({
        url: "/pages/report/text",
      });
    },
  },
};
</script>

<style lang="scss" scoped></style>
